.t-button {
  padding: 5px 15px;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;

  span {
    font-weight: 400;
    text-align: center;
  }
  &.default {
    background-color: rgb(255, 255, 255);
    border-color: #d9d9d9;
    &:hover,
    &:focus,
    &.focus,
    &.hover {
      border-color: #4096ff;
      span {
        color: #4096ff;
      }
    }
    span {
      color: rgba(0, 0, 0, 0.88);
    }
  }
  &.primary {
    background-color: rgb(22, 119, 255);
    &:hover,
    &:focus,
    &.focus,
    &.hover {
      background-color: #4096ff;
      color: #fff;
    }
    span {
      color: rgb(255, 255, 255);
    }
  }
  &.text {
    border: none;
    background-color: #fff;
    &:hover,
    &:focus,
    &.focus,
    &.hover {
      background-color: rgba(0, 0, 0, 0.04);
    }
  }
}

.t-button + .t-button {
  margin-left: 8px;
}
